<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大作业</title>
    <link rel="stylesheet" type="text/css" href="CSS/index.css">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="JS/index.js"></script>
</head>
<body style="width: 1200px;margin: 0 auto;">
<div id="time"></div>
<div id="header">
    <img src="images/Logo.jpg" alt="新闻网" style="margin: 15px;">
</div>
<div id="nav">
    <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="hgyw.html">湖工要闻</a></li>
        <li><a href="zhxw.html">综合新闻</a></li>
        <li><a href="xysh.html">校园生活</a></li>
        <li><a href="#">媒体湖工</a></li>
        <li><a href="#">会议通报</a></li>
        <li><a href="#">湖工故事</a></li>
        <li><a href="#">湖工论坛</a></li>
        <li><a href="sphg.html">视频湖工</a></li>
        <li><a href="#">专栏报道</a></li>
        <li><a href="#">校园风光</a></li>
    </ul>
</div>
<div id="box">
    <div class="box1">
        <div class="cellDiv box1-left">
            <div class="same">
                <h2>湖工要闻 <span><a href="hgyw.html">更多 &gt;&gt;</a> </span></h2>
            </div>
            <div class="line"></div>
            <ul>
                <li><span style="float:right;color:#666">12-07</span><a href="hgyw/yw01.html" target="_blank"
                                                                        title="校长彭育园实地调研指导档案馆工作">校长彭育园实地调研指导档案馆工作</a>
                </li>
                <li><span style="float:right;color:#666">12-03</span><a href="#" target="_blank"
                                                                        title="学校举行党史学习教育深入学习贯彻党的十九届六中全会精神专题读书班暨2021年第17次校党委理论学习中心组(扩大)学习会议">学校举行党史学习教育深入学习贯彻党的十九届六中全会精神专题读书班...</a>
                </li>
                <li><span style="float:right;color:#666">12-01</span><a href="#" target="_blank" title="校长彭育园调研指导校工会工作">校长彭育园调研指导校工会工作</a>
                </li>
                <li><span style="float:right;color:#666">12-01</span><a href="#" target="_blank"
                                                                        title="校党委书记刘德富为大学生宣讲党的十九届六中全会精神">校党委书记刘德富为大学生宣讲党的十九届六中全会精神</a>
                </li>
                <li><span style="float:right;color:#666">11-29</span><a href="#" target="_blank"
                                                                        title="“教职工国际交流沙龙”喜迎300期特别纪念活动">“教职工国际交流沙龙”喜迎300期特别纪念活动</a>
                </li>
                <li><span style="float:right;color:#666">11-26</span><a href="#" target="_blank"
                                                                        title="《追梦》思政课2021年第四讲开讲：如何成为具有国际视野、家国情怀的人">《追梦》思政课2021年第四讲开讲：如何成为具有国际视野、家国情怀...</a>
                </li>
                <li><span style="float:right;color:#666">11-25</span><a href="#" target="_blank"
                                                                        title="湖北工业大学第十五届“教工杯”乒乓球赛圆满闭幕">湖北工业大学第十五届“教工杯”乒乓球赛圆满闭幕</a>
                </li>
                <li><span style="float:right;color:#666">11-25</span><a href="#" target="_blank"
                                                                        title="喜报！我校两名学生荣获“湖北向上向善好青年”称号">喜报！我校两名学生荣获“湖北向上向善好青年”称号</a>
                </li>
                <li><span style="float:right;color:#666">11-25</span><a href="#" target="_blank"
                                                                        title="学校举行青年教师教学竞赛30周年纪念活动">学校举行青年教师教学竞赛30周年纪念活动</a>
                </li>
                <li><span style="float:right;color:#666">11-25</span><a href="#" target="_blank"
                                                                        title="学校成功举办第16届青年教师教学竞赛">学校成功举办第16届青年教师教学竞赛</a>
                </li>
            </ul>
        </div>
        <div class="cellDiv box1-right">
            <div id="demo" class="carousel slide" data-bs-ride="carousel"
                 style="width: 520px;height: 330px;margin:0 20px;float: right;">

                <!-- Indicators/dots -->
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="4"></button>
                </div>

                <!-- The slideshow/carousel -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="images/lunbo/lunbo1.jpg" class="d-block" style="width:500px;height: 320px;" alt="">
                        <div class="carousel-caption">
                            <p></p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunbo/lunbo2.jpg" class="d-block" style="width:500px;height: 320px;">
                        <div class="carousel-caption">
                            <p></p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunbo/lunbo3.jpg" class="d-block" style="width:500px;height: 320px;">
                        <div class="carousel-caption">
                            <p>学校举办第十一期“梧桐有约”·书记茶会</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunbo/lunbo4.jpg" class="d-block" style="width:500px;height: 320px;">
                        <div class="carousel-caption">
                            <!--<h3>第二张图片描述标题</h3>-->
                            <p>校党委书记刘德富出席第六届武汉设计双年展开幕式</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunbo/lunbo5.jpg" class="d-block" style="width:500px;height: 320px;">
                        <div class="carousel-caption">
                            <p></p>
                        </div>
                    </div>
                </div>

                <!-- Left and right controls/icons -->
                <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </button>
            </div>

        </div>
    </div>
    <div class="box2">
        <div class="cellDiv box2-1">
            <div class="box2-1-up">
                <div class="same">
                    <h2>会议通报 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank" title="第二届校党委常委会召开2020至2021学年第一学期第三次会议">第二届校党委常委会召开2020至2021学…</a>
                    </li>
                    <li><a href="#" target="_blank" title="第二届校党委常委会召开2020至2021学年第一学期第一次会议">第二届校党委常委会召开2020至2021学…</a>
                    </li>
                    <li><a href="#" target="_blank" title="第二届校党委常委会召开2019至2020学年第二学期第二十一次会议">第二届校党委常委会召开2019至2020学…</a>
                    </li>
                    <li><a href="#" target="_blank" title="学校召开2019-2020学年第二学期第七次校长办公会">学校召开2019-2020学年第二学期第七…</a></li>
                    <li><a href="#" target="_blank" title="学校召开机关部门2020年第七次工作例会">学校召开机关部门2020年第七次工作例…</a></li>
                    <li><a href="#" target="_blank" title="学校召开2019-2020学年第二学期第五次校长办公会">学校召开2019-2020学年第二学期第五…</a></li>
                    <li><a href="#" target="_blank" title="学校召开机关部门2020年第六次工作例会">学校召开机关部门2020年第六次工作例…</a></li>
                    <li><a href="#" target="_blank" title="第二届校党委常委会召开2019至2020学年第二学期第十五次会议">第二届校党委常委会召开2019至2020学…</a>
                    </li>
                </ul>
            </div>
            <div class="box2-1-down">
                <div class="same">
                    <h2>湖工论坛 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank" title="【湖工要论】（十四）以敬畏之心对治轻漫之心  真正把法律和纪律放在心上">【湖工要论】（十四）以敬畏之心对治轻漫…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖工要论】（十三）以感恩之心对治“精致”自私之心，真正把国家、社会、人民和学校放在心上">【湖工要论】（十三）以感恩之心对治“精…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖工要论】（十二）以包容之心对治唯我之心  真正把他人放在心上">【湖工要论】（十二）以包容之心对治唯我…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖工要论】（十一）以清净之心对治浮躁之心  真正把事业放在心上">【湖工要论】（十一）以清净之心对治浮躁…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖工要论】（十）以仁爱之心对治淡漠之心  真正把学生放在心上">【湖工要论】（十）以仁爱之心对治淡漠之…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖工要论】（九）检验成效看发展">【湖工要论】（九）检验成效看发展</a></li>
                    <li><a href="#" target="_blank" title="【湖工要论】（八）抓实抓细兴新风">【湖工要论】（八）抓实抓细兴新风</a></li>
                    <li><a href="#" target="_blank" title="【湖工要论】（七）自我革命显担当">【湖工要论】（七）自我革命显担当</a></li>
                </ul>
            </div>
        </div>
        <div class="cellDiv box2-2">
            <div class="box2-2-up">
                <div class="same">
                    <h2>综合新闻 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank" title="校党委副书记蔡光兴调研指导理学院学生工作">校党委副书记蔡光兴调研指导理学院学生工作</a></li>
                    <li><a href="#" target="_blank" title="学校召开核酸抽检和防疫隔离工作协调会">学校召开核酸抽检和防疫隔离工作协调会</a></li>
                    <li><a href="#" target="_blank" title="校党委副书记胡晓艳调研指导计算机学院、外国语学院工作">校党委副书记胡晓艳调研指导计算机学院、外国语学院工作</a>
                    </li>
                    <li><a href="#" target="_blank" title="校党委常委、纪委书记秦防修调研指导马克思主义学院工作">校党委常委、纪委书记秦防修调研指导马克思主义学院工作</a>
                    </li>
                    <li><a href="#" target="_blank" title="芯片产业学院举行“敏芯半导体”奖学金、奖教金颁奖仪式">芯片产业学院举行“敏芯半导体”奖学金、奖教金颁奖仪式</a>
                    </li>
                    <li><a href="#" target="_blank" title="学校组织参加“全国普通高校本科教育教学质量评估监测”线上专题培训会">学校组织参加“全国普通高校本科教育教学质量评估监测”线上专题培…</a>
                    </li>
                    <li><a href="#" target="_blank" title="学校召开安全稳定研判会">学校召开安全稳定研判会</a></li>
                    <li><a href="#" target="_blank" title="我校顺利通过武汉市合同节水管理示范项目审查验收">我校顺利通过武汉市合同节水管理示范项目审查验收</a></li>
                </ul>
            </div>
            <div class="box2-2-down">
                <div class="same">
                    <h2>湖工故事 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank" title="退休教授改造机耕船，解决水田耕作难题">退休教授改造机耕船，解决水田耕作难题</a></li>
                    <li><a href="#" target="_blank" title="志愿者女孩直播推广汉绣，助力家乡妇女用双手脱贫">志愿者女孩直播推广汉绣，助力家乡妇女用双手脱贫</a></li>
                    <li><a href="#" target="_blank" title="打工小伙十年拼搏考取研究生">打工小伙十年拼搏考取研究生</a></li>
                    <li><a href="#" target="_blank" title="从大山里走出来的“自强之星”">从大山里走出来的“自强之星”</a></li>
                    <li><a href="#" target="_blank" title="为大数据添“安全锁”">为大数据添“安全锁”</a></li>
                    <li><a href="#" target="_blank" title="小厂淘来大学问 讲台自成活教材">小厂淘来大学问 讲台自成活教材</a></li>
                    <li><a href="#" target="_blank" title="三年无偿帮扶 小企业起死回生">三年无偿帮扶 小企业起死回生</a></li>
                    <li><a href="#" target="_blank" title="思政课要让学生终身受益">思政课要让学生终身受益</a></li>
                </ul>
            </div>
        </div>
        <div class="cellDiv box2-3">
            <div class="box2-3-up">
                <div class="same">
                    <h2>媒体湖工 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank" title="【中国教育在线】湖北工业大学党委书记为大学生宣讲党的十九届六中全会精神">【中国教育在线】湖北工业大学党委书…</a>
                    </li>
                    <li><a href="#" target="_blank"
                           title="【中国教育在线】湖北工业大学《追梦》思政课：如何成为具有国际视野、家国情怀的人">【中国教育在线】湖北工业大学《追梦…</a></li>
                    <li><a href="#" target="_blank" title="【极目新闻】大学校长为300名学生上思政课，教学生具备多元社会技能">【极目新闻】大学校长为300名学生上…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【极目新闻】“华中康养地·中国桂花城”惊艳亮相首届中国（武汉）文旅博览会">【极目新闻】“华中康养地·中国桂花…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【长江云】“湖工设计”助力咸宁展区惊艳亮相首届文旅博览会">【长江云】“湖工设计”助力咸宁展区…</a></li>
                    <li><a href="#" target="_blank" title="【大武汉客户端】“湖工设计”助力咸宁展区惊艳亮相首届文旅博览会，营造浓郁生动文化场景">【大武汉客户端】“湖工设计”助力咸…</a>
                    </li>
                    <li><a href="#" target="_blank" title="【湖北高校思政网】湖北工业大学：知恩于心 报恩于行">【湖北高校思政网】湖北工业大学：知…</a></li>
                    <li><a href="#" target="_blank" title="【中国教育报】所办为所需 所学为所用——湖北工业大学探索高素质新工科人才培养新模式">【中国教育报】所办为所需
                        所学为所…</a></li>
                </ul>
            </div>
            <div class="box2-3-down">
                <div class="same">
                    <h2>专题专栏 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
                </div>
                <div class="line"></div>
                <ul>
                    <li><a href="#" target="_blank">机械学院2021新生歌手大赛暨迎新晚会圆满…</a></li>
                    <li><a href="#" target="_blank">重阳敬老送温暖：机械学院桐馨志愿者赴敬…</a></li>
                    <li><a href="#" target="_blank">【文明校园我创建】外国语学院开展新生寝…</a></li>
                    <li><a href="#" target="_blank">【文明校园我创建】外国语学院开展新生寝…</a></li>
                    <li><a href="#" target="_blank">【党史学习教育】艺术设计学院开展党史学…</a></li>
                    <li><a href="#" target="_blank">寻访红色足迹 传承红色基因</a></li>
                    <li><a href="#" target="_blank">【党史学习教育】湖工大师生赴红安县开展…</a></li>
                    <li><a href="#" target="_blank">【文明校园我创建】湖北工业大学第十二届…</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="box3">
        <div class="cellDiv2 box3-left">
            <div class="same">
                <h2>校园风光 <span><a href="#">更多 &gt;&gt;</a> </span></h2>
            </div>
            <div class="line"></div>
            <div class="box3-2">
                <ul>
                    <li class="img-li"><img src="images/school/2021学校宣传片.png" alt="2021学校宣传片" height="160px"
                                            width="260px"><br><span>2021学校宣传片</span></li>
                    <li class="img-li"><img src="images/school/校园晚霞.jpg" alt="校园晚霞" height="160px" width="260px"></li>
                    <li class="img-li"><img src="images/school/巡司河.jpg" alt="巡司河" height="160px" width="260px"></li>
                </ul>
            </div>

        </div>
        <div class="cellDiv2 box3-right">
            <div class="same">
                <h2>校内媒体</h2>
            </div>
            <div class="line"></div>
            <div class="box3-2-1">
                <ul class="nList" id="nList">
                    <li><a href="#">微信</a></li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">广播台</a></li>
                    <li><a href="#">湖工大校报</a></li>
                </ul>
            </div>
            <div style="text-align:center;">
                <img src="images/shipin.jpg">
            </div>
        </div>
    </div>
    <div class="line"></div>
</div>
<div style="text-align:center;padding: 5px"><img src="images/pn_24.jpg" width="97" height="28"/></div>
<div id="footer">
    <table style="margin: 0 auto">
        <tr>
            <td height="70" align="center" style="border:1px solid #DEDEDE;">
                <a href="http://www.moe.gov.cn/">教育部</a>
                |
                <a href="http://www.most.gov.cn/">科技部</a>
                |
                <a href="http://jyt.hubei.gov.cn">湖北省教育厅</a>
                |
                <a href="http://kjt.hubei.gov.cn/">湖北省科技厅</a>
                |
                <a href="http://www.people.com.cn/">人民网</a>
                |
                <a href="http://www.xinhuanet.com/">新华网</a>
                |
                <a href="http://www.stdaily.com/">科技日报</a>
                |
                <a href="http://paper.jyb.cn/zgjyb/html/2019-05/14/node_2.htm">中国教育报</a>
                |
                <a href="http://www.cyol.com/">中国青年报</a>
                |
                <a href="http://hbrb.cnhubei.com/cache/paper_hbrb.aspx">湖北日报</a>
            </td>
        </tr>
    </table>
    <table style="margin: 0 auto;font-size: smaller">
        <tr>
            <td>动态编程语言大作业----仿制湖工大新闻网</td>
        </tr>
    </table>
</div>
<script>
    var tmpArr = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");

    function setDate() {
        var myDate = new Date();
        var temp = myDate.getFullYear() + "年";
        temp += (myDate.getMonth() + 1) + '月';
        temp += myDate.getDate() + '日';
        temp += tmpArr[myDate.getDay()] + '';
        temp += myDate.getHours() + '时';
        temp += myDate.getMinutes() + '分';
        temp += myDate.getSeconds() + '秒';

        document.getElementById('time').innerHTML = temp;
        window.setTimeout(setDate, 1000);
    };
    window.onload = function () {
        setDate();
    };
</script>
</body>
</html>